$(() => {



    let data = {
        page: 1,
        perpage: 10
    }
    // 业务1 获取文章数据
    const getList = () => {

        myajax('GET', '/admin/article/query', data, (res) => {
            console.log('请求成功后执行', res)
            const htmlStr = template('article', res)
            console.log(res);
            $('tbody').html(htmlStr)
            // 获取文章数据时 渲染分页器
            renderPage(res.data.totalCount)
        })

        // $.ajax({
        //     type: 'GET',      //请求方法
        //     url: 'http://localhost:8080/api/v1/admin/article/query',       //请求地址
        // headers: {
        //     Authorization: localStorage.getItem('dsj_token')
        // },
        //     data: {
        //         perpage: 10
        //     },      //请求参数
        // success: (res) => {
        //     console.log('请求成功后执行', res)
        // }
        // })
    }
    getList()

    // 业务2  搜索文章
    $('#btnSearch').on('click', () => {
        // 获取筛选内容
        const key = $('#aname').val().trim()
        // 获取文章类型id
        const categoryId = $('#selCategory').val()
        // 获取文章状态
        const state = $('#selStatus').val()
        console.log(state);
        // 修改请求参数
        data = {
            key: key,
            type: categoryId,
            state: state,
            perpage: 10
        }
        getList()
    })


    // 业务3 动态渲染下拉分类列表
    const getCategorylist = () => {
        myajax('GET', '/admin/category/list', {}, (res) => {
            // console.log(res);
            const htmlStr = template('category', res)
            $('#selCategory').html(htmlStr)
        })
    }
    getCategorylist()


    // 业务4 删除
    $('tbody').on('click', '.delete', function () {
        // 获取id
        let id = $(this).data('id')
        // 点击删除 弹出提示框 用户二次确认删除
        layer.confirm('是否删除当前文章?', { icon: 3, title: '温馨提示' },
            function (index) {
                // 用户确认删除 调用ajax请求
                myajax('POST', '/admin/article/delete', { id }, (res) => {
                    console.log(res);
                    // 重新渲染
                    getList()
                })
                layer.close(index);
            });

    })


    // 业务5  分页
    const renderPage = (count) => {
        layui.use('laypage', function () {
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'test1',//注意，这里的 test1 是 ID，不用加 # 号
                count: count,//数据总数，从服务端得到
                limit: data.perpage,// 页容量
                curr: data.page, // 起始页 自己设置 当前点击的那一页 page在接口文档里
                jump: function (obj, first) {
                    //首次不执行
                    if (!first) {
                        console.log(obj);
                        // 这里写执行的代码
                        //do something
                        // 修改参数为当前页面的页码
                        data.page = obj.curr
                        // 重新渲染 根据页码获取对应页面
                        getList()
                    }
                }
            });
        });
    }


})